<template>
 <div class="bottomNav" @click="btnAddCart">
     <!-- 这里可以封装的，节约时间就算了 -->
     <input type="button" value="点击添加到购物车,简易版本">
 </div>
</template>

<script>

export default({
    name:'BottomNav',
    data(){

    },
    props:{
        cartInformation:{
            type:Object,
            default(){
                return {}
            }
        }
    },
    methods:{
        btnAddCart(){
            //1.获取购物车需要展示的信息
            const product = {}
            /* 只有一些比较出名的明星才有这个东西 */
            product.id=this.cartInformation.topicData[0].id /* 这个id就用来判断下，也没啥用 */
            product.img=this.cartInformation.topicData[1].coverUrl  /* 图片 */
            product.title=this.cartInformation.topicData[1].title /* 标题 */
            product.num=this.cartInformation.introduction[0].ti/* 一个数字 */

          //传递给全局  
          /* this.$store.commit('addCartShopping',product) */
          this.$store.dispatch('addCartShopping',product)
        }
    }
})

</script>

<style scoped>
.bottomNav input{
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
}
</style>
